﻿/* 已播放的指示背景色 */
.playedIndicator {
  background: #33CCCC;
}
/* 待播放的剧集数量背景色*/
.countIndicator {
  background: #E6399B;
}

.emby-input:focus,
.emby-textarea:focus,
.emby-select-withcolor {
  border-color: #36BBCE !important;
}

/* 详情：已观看按钮颜色 */
.playstatebutton-icon-played {
  color: #33CCCC;
}
/* 详情：喜欢按钮颜色 */
.ratingbutton-icon-withrating {
  color: #FF6A3F;
}
/* 详情：隐藏预告片按钮 */
.btnPlayTrailer {
  display: none
}
/* 播放按钮、执行任务按钮等的颜色 */
.material-icons.play_arrow {
  color: #00CC00;
}
/* 随机播放按钮颜色 */
.material-icons.shuffle {
  color: #FFF400;
}
/* 重新按钮颜色 */
.material-icons.replay {
  color: #EE3C7E;
}

/*Rounded corners and square hover buttons*/
.cardContent-button, 
.cardContent-shadow, 
.itemDetailImage, 
.cardOverlayButton-hover, 
.cardOverlayContainer,
.cardImageContainer,
.cardPadder,
.listItemImage,
.listItemImageButton,
.listItemButton,
.headerButton,
.paper-icon-button-light,
.innerCardFooter,
.blurhash-canvas,
.actionSheetMenuItem:hover,
.dialog { 
  border-radius: 10px !important;
}
.itemsContainer>.card>.cardBox {
  border-radius: 10px 10px 0px 0px !important;
}

/* Make some UI elements glassy see-through. */
@supports (backdrop-filter: blur(15px)) {
	/* 侧边栏、提示浮窗等 */
    .dialog,
    .mainDrawer,
    .toast,
    .appfooter {
      backdrop-filter: blur(15px);
      background-color: rgba(0, 0, 0, 0.2);
      background-image: linear-gradient(to bottom right, rgba(78,81,216,0.5), rgba(230,103,175,0.5));
    }
    .paper-icon-button-light:hover,
    #itemDetailPage .itemProgressBar,
    #dashboardPage .backgroundProgress > div {
      backdrop-filter: blur(20px);
    }
    /* 首页播放按钮背景、列表页更多菜单按钮背景等 */
    @media all and (max-width: 70em){
      .cardOverlayButtonIcon {
        background-image: linear-gradient(to bottom right, rgba(65,105,225,0.05), rgba(65,105,225,0.3)) !important;
      }
      .cardOverlayButtonIcon {
       backdrop-filter: blur(1px);
      }
    }
    .indicator {
      backdrop-filter: blur(2px);
    }
}

